﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:Hangout_Client_Controls_User="clr-namespace:Hangout.Client.Controls.User" 
    xmlns:Hangout_Client_Controls_Hangout="clr-namespace:Hangout.Client.Controls.Hangouts" 
    xmlns:Hangout_Client_Controls_Trophy="clr-namespace:Hangout.Client.Controls.Trophy" 
    xmlns:Hangout_Client_Controls_Notifications="clr-namespace:Hangout.Client.Controls.Notifications" 
    x:Class="Hangout.Client.Accounts.ViewProfile" 
    
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="728"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

    SupportedOrientations="Portrait"  Orientation="Portrait" Loaded="PhoneApplicationPage_Loaded">
	<phone:PhoneApplicationPage.Resources>
		<Storyboard x:Name="ShowInfo">
			<DoubleAnimation Duration="0:0:0.5" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="stackPanel" d:IsOptimized="True"/>
		</Storyboard>
		<Storyboard x:Name="HideInfo">
			<DoubleAnimation Duration="0:0:0.5" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="stackPanel" d:IsOptimized="True"/>
		</Storyboard>
		<Storyboard x:Name="ShowTrophy">
			<DoubleAnimation Duration="0:0:0.5" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TrophyList" d:IsOptimized="True"/>
		</Storyboard>
		<Storyboard x:Name="HideTrophy">
			<DoubleAnimation Duration="0:0:0.5" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TrophyList" d:IsOptimized="True"/>
		</Storyboard>
		<Storyboard x:Name="ShowHangouts">
			<DoubleAnimation Duration="0:0:0.5" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="HangoutList" d:IsOptimized="True"/>
		</Storyboard>
		<Storyboard x:Name="HideHangouts">
			<DoubleAnimation Duration="0:0:0.5" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="HangoutList" d:IsOptimized="True"/>
		</Storyboard>
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>

    <!--Sample code showing usage of ApplicationBar-->
   <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" BackgroundColor="{StaticResource AppbarColor}" Opacity="1">
            <shell:ApplicationBarIconButton x:Name="dashboardBtn" IconUri="/icons/Dashbord.png" Text="dashboard" Click="dashboardBtn_Click"/>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>
    
    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="{StaticResource BlueBrush}">
        
        <!--Pivot Control-->
        <Image Height="75" Source="/Images/Top75Jpg.png" Stretch="Fill" VerticalAlignment="Top"/>
        <TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="profile" FontFamily="Segoe WP Light" FontSize="48" Foreground="#FF002455" Margin="0,0,8,0" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment"/>
        <!--Pivot Control-->
        <controls:Pivot x:Name="MainPivot" Title="" Margin="0,54,0,0" Foreground="{StaticResource YellowBrush}">
            <!--Pivot item one-->
            <controls:PivotItem Header="info" Margin="8,18,8,78">
                <Canvas>
            		<StackPanel x:Name="stackPanel" Height="472" Width="464" Opacity="0">
            			<ScrollViewer Height="543" Margin="-9,0,-10,0">
            				<StackPanel>
            					<Hangout_Client_Controls_User:UserInfoControl Width="484" d:LayoutOverrides="Height, VerticalMargin" x:Name="UserInfo" />
            					<Hangout_Client_Controls_User:UserDetailsPanel x:Name="UseDetailedInfo"  Height="Auto" Width="464"/>
            				</StackPanel>
            			</ScrollViewer>
            		</StackPanel>
            		<ProgressBar x:Name="InfoPG" Height="13" Width="464" IsIndeterminate="True" Background="{StaticResource YellowBrush}" Foreground="{StaticResource YellowBrush}"/>
            	</Canvas>
            </controls:PivotItem>

            <!--Pivot item two-->
            <controls:PivotItem Header="trophies" Margin="12,28,12,73">
                <Canvas Margin="0,0,0,-63">
            		<Hangout_Client_Controls_Trophy:TrophyList x:Name="TrophyList" d:LayoutOverrides="Height" Height="530" Opacity="0"/>
            		<ProgressBar x:Name="TrophyPG" Height="13" Width="464" IsIndeterminate="True" Background="{StaticResource YellowBrush}" Foreground="{StaticResource YellowBrush}"/>
            	</Canvas>
            </controls:PivotItem>
            <controls:PivotItem Header="hangouts" Margin="0,28,0,76">
            	<Grid Margin="0,0,0,-77">
            		<Hangout_Client_Controls_Hangout:HangoutList x:Name="HangoutList" Opacity="0" d:LayoutOverrides="VerticalMargin" Height="540"/>
            		<ProgressBar x:Name="HangoutPG" Height="13" IsIndeterminate="True" Background="{StaticResource YellowBrush}" Foreground="{StaticResource YellowBrush}" Margin="0,0,16,0" VerticalAlignment="Top"/>
            	</Grid>
            </controls:PivotItem>
        </controls:Pivot>
    	<Hangout_Client_Controls_Notifications:NotificationReceived x:Name="NotificationControl" VerticalAlignment="Top" d:LayoutOverrides="Height"/>
    </Grid>
    
</phone:PhoneApplicationPage>